                * {
                    margin: 0;
                    padding: 0;
                }
                
                a:link {
                    color: white;
                }
                
                a:visited {
                    color: rgb(252, 210, 210);
                }
                
                a:hover {
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                body {
                    width: 1200px;
                    background-image: url(../img/个人/dog.jpg);
                    background-repeat: no-repeat;
                    background-attachment: fixed;
                }
                
                .musicbg {
                    position: absolute;
                    top: 600px;
                    left: 1100px;
                }
                
                .container {
                    width: 1200px;
                    height: 700px;
                    position: relative;
                    left: 170px;
                    top: 50px;
                    text-align: center;
                    background-size: 100%;
                    background-repeat: no-repeat;
                    /*background-color: rgb(250, 226, 226);*/
                    background-attachment: fixed;
                    background-position: center;
                }
                
                .box {
                    margin: 0 auto;
                    display: block;
                    width: 0px;
                    height: 0px;
                    border: 50px solid transparent;
                    border-top-color: rgb(241, 228, 228);
                    animation: animate 1s ease-in infinite alternate;
                    position: absolute;
                    top: 550px;
                    left: 560px;
                }
                
                @keyframes animate {
                    0% {
                        transition: translate(0, 0);
                    }
                    50% {
                        border-top-color: rgb(192, 211, 192);
                    }
                    100% {
                        transform: translate(0px, 50px);
                    }
                }
                
                .main {
                    position: absolute;
                    top: 150px;
                    left: 250px;
                    font-size: 150px;
                    font-family: 微软雅黑;
                    font-weight: lighter;
                    color: white;
                    animation: mainmove 4s;
                }
                
                @keyframes mainmove {
                    0% {
                        transform: scale(0.2);
                    }
                    100% {
                        transform: scale(1.5);
                    }
                }
                
                .head {
                    width: 1200px;
                    height: 150px;
                    position: absolute;
                    top: 10px;
                    left: 20px;
                }
                
                .name {
                    width: 70px;
                    height: 60px;
                    /* background-color: red;*/
                    position: absolute;
                    top: 10px;
                    left: 30px;
                    font-size: 20px;
                    border-width: 3px;
                    border-style: double;
                    border-color: black;
                    transition: all 0.5s;
                }
                
                .name:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .name:link {
                    color: white;
                }
                
                .name:visited {
                    color: rgb(252, 210, 210);
                }
                
                .contacted {
                    position: absolute;
                    top: 20px;
                    left: 1070px;
                    transition: all 0.5s;
                }
                
                .contacted:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .contacted:link {
                    color: white;
                }
                
                .contacted:visited {
                    color: rgb(252, 210, 210);
                }
                
                .headsone {
                    position: absolute;
                    top: 20px;
                    left: 500px;
                    transition: all 0.5s;
                }
                
                .headsone:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .headsone:link {
                    color: white;
                }
                
                .headsone:visited {
                    color: rgb(252, 210, 210);
                }
                
                .headstwo {
                    position: absolute;
                    top: 20px;
                    left: 620px;
                    transition: all 0.5s;
                }
                
                .headstwo:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .headstwo:link {
                    color: white;
                }
                
                .headstwo:visited {
                    color: rgb(252, 210, 210);
                }
                
                .footer {
                    width: 1200px;
                    position: absolute;
                    top: 650px;
                }
                
                .footerso {
                    position: absolute;
                    top: -20px;
                    left: 15px;
                    transition: all 0.5s;
                }
                
                .footerso:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .footerso:link {
                    color: white;
                }
                
                .footerso:visited {
                    color: rgb(252, 210, 210);
                }
                
                .footerst {
                    position: absolute;
                    top: -20px;
                    left: 110px;
                }
                
                .footerst:hover {
                    background: rgb(110, 213, 253);
                    color: rgb(250, 215, 250);
                    transform: scale(1.1) translate(0, -10px);
                }
                
                .footerst:link {
                    color: white;
                }
                
                .footerst:visited {
                    color: rgb(252, 210, 210);
                }
                
                .footerhr {
                    position: absolute;
                    top: 60px;
                    left: 80px;
                }